<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华富</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
</head>
<style>
  html,body {
    font-size: 1.2rem;
    background: #ffffff;
    color: #333333 !important
  }

  .h10{
    width: 100%;
    height: 0.5rem;
    display: -webkit-box;
    clear: both;
    background: #f5f5f5
  }
    .aui-active .aui-bar-tab-label{
      color: #f5a51c
    }


    [v-cloak] {
        display: none;
    }
    header,.aui-bar,.aui-bar-nav{
      font-size: 1.2rem;
      color: #333 !important;
      background:#fff;
      box-shadow: 0rem 0rem 0.8rem 0rem
		rgba(126, 126, 126, 0.52);
    border-bottom: none;
    margin-top: 0 !important;
    }
    .aui-pull-left{
      font-size: 1.2rem;
    }
    .aui-pull-left .aui-iconfont{
      font-size: 1.2rem;

    }
    .aui-searchbar{
      background-color: transparent !important;
      height:4.4rem;
    }
    .aui-searchbar-input{
      height:2.8rem;
      line-height: 2.8rem;
      padding-left:0.9rem;
      margin: 0 0 0 3.3rem;
      border-radius: 0.3rem;
      position: relative;
    }
    .aui-bar-nav .aui-title{
      right: 4rem;
      left: 0rem;
    }
    body {background: #F6F6F9;color: #333;margin: 0 auto;font-weight: normal;}
    ul,ol{list-style: none;padding: 0px;margin: 0px;;}


    /*滚动条样式*/
    .scrollbar-none::-webkit-scrollbar {/*滚动条宽度设置*/
        width: 0px;height: 0;
    }
    header, .aui-bar-nav{
      padding-top:0;
    }
    .aui-searchbar .aui-iconfont{
      line-height: 2.8rem;
      margin-right: 1rem;
      color: #9e9e9e !important;
      font-size: 1.6rem;
    }
    .aui-searchbar-input input{
      height: 2.8rem;
      font-size: 1.3rem;
    }
    .aui-bar-nav .aui-pull-right.class_nav{
      top:1.3rem;
      right:1.3rem;
      padding:0;
      height:1.6rem;
      line-height: 1.6rem;
    }
    .aui-bar-nav .aui-pull-left.class_nav1{
      top:1.3rem;
      left:1.3rem;
      padding:0;
      height:1.7rem;
      line-height: 1.7rem;
    }
    .class_nav img{
      height:1.7rem;
    }
    .class_nav1 img{
      height:1.7rem;
    }
    .class_nav span{
      position: absolute;
      top: -0.5rem;
      right: -0.5rem;
      width: 1.2rem;
    	height: 1.2rem;
      line-height: 1.2rem;
    	background-color: #ed6a20;
      font-size:1rem;
      color:#fff;
      border-radius: 100%;
    }
    .class_nav_title .shao{
      position: absolute;
      width:1.3rem;
      top:0.75rem;
      right:0.75rem;
    }
    .con1{
      padding-top:6.9rem;
      background:#fafafa;
    }

    /**/
    .shopClassify_nav{
      border:1px solid #eeeeee;
      position: relative;
      z-index: 3;
    }

    .shopClassify_nav .aui-tab-item.aui-active {
        border-bottom: none;
    }

    .shopClassify_nav .aui-tab-item{
        color: #666;
        font-size: 0.7rem;
        font-weight: 600;
        height:4.4rem;
        line-height: 4.4rem;
        position: relative;
    }
    .shopClassify_nav .aui-tab-item.qiehuan::after{
      content: '';
      position: absolute;
      top:20%;
      right:0;
      width:0.1rem;
      height:60%;
      background: #e7e7e7;
    }
    .shopClassify_nav .aui-tab-item.qiehuan img{
      width: 1.65rem;
      margin: 0 auto;
      margin-top: 1.3rem;
    }
    .shopClassify_nav .aui-tab-item.shaixuan span{
      display: inline-block;
    }
    .shopClassify_nav .aui-tab-item.shaixuan img{
      display: inline-block;
      width:1.4rem;
    }
    .shopClassify_nav .aui-tab-item.aui-active {
        color: #ed6a20;
    }
    .shopClassify_nav .aui-tab-item {
        color: #000;
        font-size:1.4rem;
    }

    .shopClassify_nav .aui-tab-item.up_down::before {
        content: '';
        border: 4px solid transparent;
        border-bottom: 5px solid #999;
        position: absolute;
        left: 72%;
        top: 0;
        bottom: 0px;
        margin: auto;
        height: 0;
        width: 0;
        transform: translateY(-60%);
    }

    .shopClassify_nav .aui-tab-item.up_down::after {
        content: '';
        border: 4px solid transparent;
        border-top: 5px solid #999;
        position: absolute;
        left: 72%;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 0;
        width: 0;
        transform: translateY(60%);
    }

    .shopClassify_nav .aui-tab-item.aui-active.up_down.up::before {
        border-bottom-color: #ed6a20;
        /*border-bottom: 5px solid #ff0137;*/
    }

    .shopClassify_nav .aui-tab-item.aui-active.up_down.down::after {
        border-top-color: #ed6a20;
        /*border-top: 5px solid #ff0137;*/
    }

    /***商品列表**/
    .shopClassify_sec1{
      margin-top:1rem;
      /*display: block;*/
    }
    .shopClassify_sec1 ul li{
      width:50%;
      float:left;
      padding:0 0.4rem;
      margin-bottom: 0.8rem;
    }
    .shopClassify_sec1 ul li .shopClassify_sec1_list{
      background-color: #ffffff;
      	box-shadow: 0.03rem 0.05rem 0.35rem 0.01rem
      		rgba(0, 0, 0, 0.08);
      	border-radius: 0.5rem;
    }
    .shopClassify_sec1_list_img{
      width:100%;
      height:17.9rem;
    }
    .shopClassify_sec1_list_img img{
      width:100%;
      height:100%;
    }
    .shopClassify_sec1_list_txt{
      padding:1rem;
      min-height: 12rem;
    }
    .shopClassify_sec1_list_txt1{
      font-size:1.3rem;
      color:#0a0a0a;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      line-height: 2.2rem;
    }
    .shopClassify_sec1_list_txt1 span.tab{
      display: inline-block;
      font-size:1.2rem;
      line-height: 1;
      color:#fff;
      padding:0.2rem 0.45rem;
      background:#ed6a20;
      border-radius: 0.2rem;
      vertical-align: middle;
    }
    .shopClassify_sec1_list_txt1 span.title{
      display: inline-block;
      font-size:1.3rem;
      color:#0a0a0a;
      line-height: 1;
      vertical-align: middle;
    }
    .shopClassify_sec1_list_txt2{
      margin-top:0.7rem;
    }
    .shopClassify_sec1_list_txt2 span.wuliu{
      float:left;
      font-size:1rem;
      color:#ed6a20;
      line-height: 1;
      padding:0.1rem 0.35rem;
      border-radius: 0.6rem;
	    border: solid 0.05rem #ed6a20;
    }
    .shopClassify_sec1_list_txt2 span.address{
      float:right;
      font-size:1.1rem;
      line-height: 1;
      color:#9e9e9e;
    }
    .shopClassify_sec1_list_txt3{
      margin-top:0.7rem;
    }
    .shopClassify_sec1_list_txt3 span.price{
      font-size:1.5rem;
      color:#f01818;
      font-weight: 600;
      line-height: 1;
      vertical-align: middle;
    }
    .shopClassify_sec1_list_txt3 span.price i{
      font-style:normal;
      font-size:1.3rem;
      font-weight: normal;
    }
    .shopClassify_sec1_list_txt3 span.yishou{
      font-size:1rem;
      color:#666666;
      line-height: 1;
      vertical-align: middle;
      margin-left:0.8rem;
    }
    .shopClassify_sec1_list_txt4{
      margin-top:1rem;
    }
    .shopClassify_sec1_list_txt4 span{
      font-size:1rem;
      color:#333333;
      line-height: 1;
    }
    .shopClassify_sec1_list_txt4 span.haoping{
      margin-left:0.2rem;
    }
    .shopClassify_sec1_list_txt4 span.haoping i{
      font-size: 0.8rem;
      color: #333;
      vertical-align: middle;
    }

    /***商品列表横排**/

    .shopClassify_sec2 ul li{
      padding:1rem;
      background:#fff;
      border-bottom: 1px solid #f5f5f5;
    }
    .shopClassify_sec2_list_img{
      width:14.65rem;
      height:14.65rem;
    }
    .shopClassify_sec2_list .aui-media-list-item-inner{
      display: -webkit-box;
    }
    .shopClassify_sec2_list_txt{
      width:calc(100% - 16rem);
      margin-left:1.35rem;
    }
    .shopClassify_sec2_list_txt5{
      margin-top:0.8rem;
      font-size:1.2rem;
      color:#666666;
      line-height: 1;
    }
    .shopClassify_sec2_list_txt2{
      margin-top:0.7rem;
    }
    .shopClassify_sec2_list_txt2 span.wuliu{
      float:left;
      font-size:1rem;
      color:#ed6a20;
      line-height: 1;
      padding:0.1rem 0.35rem;
      border-radius: 0.6rem;
	    border: solid 0.05rem #ed6a20;
    }
    .shopClassify_sec2_list_txt2 span.address{
      float:right;
      font-size:1.1rem;
      line-height: 1;
      color:#9e9e9e;
    }
    .shopClassify_sec2_list_txt3{
      margin-top:2.9rem;
    }
    .shopClassify_sec2_list_txt3 span.price{
      font-size:1.5rem;
      color:#f01818;
      font-weight: 600;
      line-height: 1;
      vertical-align: middle;
    }
    .shopClassify_sec2_list_txt3 span.price i{
      font-style:normal;
      font-size:1.3rem;
      font-weight: normal;
    }
    .shopClassify_sec2_list_txt3 span.yishou{
      font-size:1rem;
      color:#666666;
      line-height: 1;
      vertical-align: middle;
      margin-left:0.4rem;
    }
    .shopClassify_sec2_list_txt4{
      margin-top: 0.7rem;
    }
    .shopClassify_sec2_list_txt4 span{
      font-size:1rem;
      color:#333333;
      line-height: 1;
    }
    .shopClassify_sec2_list_txt4 span.haoping{
      margin-left:0.6rem;
    }
    .shopClassify_sec2_list_txt4 span.haoping i{
      font-size: 0.8rem;
      color: #333;
      vertical-align: middle;
    }

    /**综合下拉**/
    .shopClassify_nav_bg{
      position: absolute;
      top: 4.5rem;
      left: -1%;
      width: 102%;
      z-index: 5;
    }
    .shopClassify_nav_con{
      background:#fff;
    }
    .shopClassify_nav_con ul li{
      padding:1.5rem 2.75rem;
      font-size:1.4rem;
      line-height: 1;
      color:#333333;
      position: relative;
    }
    .shopClassify_nav_con ul li img{
      display: none;
    }
    .shopClassify_nav_con ul li.on{
      color:#ed6a20;
    }
    .shopClassify_nav_con ul li.on img{
      display: block;
      position: absolute;
      width:1.4rem;
      top:1.6rem;
      right:1.3rem;
    }
    .shopClassify_nav_bg1{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:#333;
      opacity: 0.6;
      z-index: 2;
    }

    .shopClassify_nav_down{
      font-size:1rem;
      vertical-align: middle;
      margin-left:0.4rem;
    }


</style>
<body>
<div id="app" style="position:relative;" v-cloak>

  <header id="header_top" class="aui-bar aui-bar-nav " style="position:fixed;top:0;height:6.9rem;padding-top:2.5rem;">

    <div class="aui-title class_nav_title">
      <div class="aui-searchbar" id="search">
          <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()" style="background:#f6f6f6">
              <i class="aui-iconfont aui-icon-search"></i>
              <form action="javascript:search();">
                  <input type="search" placeholder="请输入搜索内容" id="search-input" v-model="iptmsg">
              </form>
              <div class="shao">
                <img src="../../image/search_icon1.png" alt="">
              </div>
          </div>

      </div>

    </div>
    <a class="aui-pull-right aui-btn class_nav">
        <img src="../../image/class/share_index_nav3.png" alt="">
        <span>5</span>
    </a>
    <a class="aui-pull-left aui-btn class_nav1" onclick="close_win()">
        <img src="../../image/back.png" alt="">
    </a>
  </header>
  <div class="aui-refresh-content">
  <div class="con1">
       <div class="shopClassify_nav_bg1" v-if="flag1"></div>
       <div class="shopClassify_nav">
         <div class="aui-tab" id="tab1">
              <div class="aui-tab-item aui-active">综合<i class="aui-iconfont aui-icon-down shopClassify_nav_down"></i></div>
              <div class="aui-tab-item">销量</div>
              <div class="aui-tab-item up_down">价格</div>
              <div class="aui-tab-item qiehuan">
                <img src="../../image/class/class_classify_nav1.png" alt="" v-if="flag3">
                <img src="../../image/class/class_classify_nav.png" alt="" v-if="!flag3">
              </div>
              <div class="aui-tab-item shaixuan">
                <span>筛选</span>
                <img src="../../image/class/class_classify_nav2.png" alt="">
              </div>
          </div>
         <div class="shopClassify_nav_bg" v-if="flag2">
           <div class="shopClassify_nav_con">
             <ul>
               <li class="on" @click="selZonghe(0)">综合 <img src="../../image/class/class_classify_nav3.png" alt=""></li>
               <li @click="selZonghe(1)">信用 <img src="../../image/class/class_classify_nav3.png" alt=""></li>
               <!-- <li>价格降序 <img src="../../image/class/class_classify_nav3.png" alt=""></li>
               <li>价格升序 <img src="../../image/class/class_classify_nav3.png" alt=""></li> -->
             </ul>
           </div>
         </div>
       </div>

       <div class="shopClassify_sec1" v-if="flag3">
          <ul class="clearfix" v-if="cateList.length>0">
            <li @click="goDetail(items1.goods_id)" v-for="items1 in cateList">
              <div class="shopClassify_sec1_list">
                <div class="shopClassify_sec1_list_img">
                  <img :src="items1.goods_logo" alt="" width="100%">
                </div>
                <div class="shopClassify_sec1_list_txt">
                  <div class="shopClassify_sec1_list_txt1">
                    <span class="tab">{{items1.store_type==1?'褚氏':(items1.store_type==2?'代理':'个企')}}</span>
                    {{items1.goods_name}}
                  </div>
                  <div class="shopClassify_sec1_list_txt2 clearfix">
                     <span class="wuliu" v-if="items1.is_exp==1">包邮</span>
                     <span class="address">{{items1.store_city}}</span>
                  </div>
                  <div class="shopClassify_sec1_list_txt3">
                     <span class="price"><i>￥</i>{{items1.goods_price}}</span>
                     <span class="yishou">已售{{items1.virtual_sales}}</span>
                  </div>
                  <div class="shopClassify_sec1_list_txt4">
                     <span class="content">{{items1.store_type==1?'':items1.store_name}}</span>
                     <span class="haoping">{{items1.best_percent}}%好评<i class="aui-iconfont aui-icon-right"></i></span>
                  </div>
                </div>
              </div>
            </li>
          </ul>
       </div>
       <div class="shopClassify_sec2" v-if="!flag3">
         <ul v-if="cateList.length>0">
           <li v-for="items2 in cateList" @click="goDetail(items2.goods_id)">
             <div class="shopClassify_sec2_list">
               <div class="aui-list-item">
                 <div class="aui-media-list-item-inner clearfix">
                     <div class="aui-list-item-media shopClassify_sec2_list_img">
                         <img :src="items2.goods_logo" alt="" width="100%">
                     </div>
                     <div class="aui-list-item-inner shopClassify_sec2_list_txt">
                       <div class="shopClassify_sec1_list_txt1">
                         <span class="tab">{{items2.store_type}}</span>
                         {{items2.goods_name}}
                       </div>
                       <div class="shopClassify_sec2_list_txt5">
                          护肤 保湿 套装
                       </div>
                       <div class="shopClassify_sec2_list_txt2 clearfix">
                          <span class="wuliu" v-if="items2.is_exp==1">包邮</span>
                          <span class="address">{{items2.store_city}}</span>
                       </div>
                       <div class="shopClassify_sec2_list_txt3">
                          <span class="price"><i>￥</i>{{items2.goods_price}}</span>
                          <span class="yishou">12958人付款</span>
                       </div>
                       <div class="shopClassify_sec2_list_txt4">
                          <span class="content">{{items2.store_name}}</span>
                          <span class="haoping">进店<i class="aui-iconfont aui-icon-right"></i></span>
                       </div>
                     </div>
                 </div>
               </div>
             </div>
           </li>
         </ul>
       </div>
     </div>
	</div>

</div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/axios.min.js"></script>
<script type="text/javascript" src="../../script/axios-config.js"></script>


<script type="text/javascript">
var app;
function doSearch(){
    var searchValue = document.getElementById("search-input").value;
    if(searchValue){
        // api.toast({
        //     msg: searchValue,
        //     duration: 2000,
        //     location: 'bottom'
        // });

    }
}
  apiready = function(){
    api.addEventListener({
        name: 'selSuccess'
    }, function(ret, err) {
        // $_this.data = ret.value;
        if (ret.value) {
            console.log(JSON.stringify(ret.value));
            // $_this.data.exchangeOkId=ret.value.exchangeOkId;
            // $_this.data.exchangeOkSkyId=ret.value.exchangeOkSkyId;
            //
            // $_this.commodity_exchange_id = ret.value.exchangeOkId;
            // $_this.commodity_exchange_skuid = ret.value.exchangeOkSkyId;
            // $_this.exchangeGoods.logo_pic = ret.value.goodsExchangeInfo.logo_pic;
            // $_this.exchangeGoods.goods_name = ret.value.goodsExchangeInfo.goods_name;
            // $_this.flag1 = ret.value.flag;
            app.getList('','','','',ret.value.is_exp,ret.value.store_type,ret.value.theLow,ret.value.theheight,ret.value.brand_id,'','','','');

        }
    });

    app = new Vue({
        el: '#app',
        data: {
          flag1:false,
          flag2:false,
          flag3:true,
          cateId:'',
          token1:'',
          page:'',
          cateList:[],
          iptmsg:''
        },
        created: function() {
          api.showProgress({
              title: '努力加载中...',
              text: '先喝杯茶...',
              modal: false
          });
          // console.log(this.cateId);
          var $_this=this;
          $_this.getList('','',api.pageParam.keyword,'','','','','','','','','','');
        },
        methods: {
          getList:function(token,store_id,keywords,cate_id,is_exp,store_type,lowest_price,Highest_price,Brand_id,sorts,label,is_stores,page){
            var $_this=this;

            console.log(sorts);
            this.iptmsg=keywords
            if(api.pageParam.cateId){
              cate_id=api.pageParam.cateId;
            }

            // if($api.getStorage('token')){
            //   token=$api.getStorage('token');
            // }

            const data = {
               token:token,
               store_id:store_id,
               keywords:keywords || '',
               cate_id:cate_id,
               is_exp:is_exp,
               store_type:store_type,
               lowest_price:lowest_price,
               Highest_price:Highest_price,
               Brand_id:Brand_id,
               sorts:sorts,
               label:label,
               is_stores:is_stores,
               page:page
            }
            Axios.post(window.Url.goods_list,data).then(function(res){
              if(res.status==1){
                // console.log(JSON.stringify(res.list))
                $_this.cateList=res.list;
                $_this.page=res.page;
                $_this.$nextTick(function () {
                })
              }else if(res.status==0){
                $_this.cateList=[];
                api.toast({
                    msg:"暂无相关数据",
                    duration: 2000,
                    location: 'bottom'
                });
              }
            }).catch((err) => {
              api.alert({ msg: JSON.stringify(err) });
            })
          },
          goDetail:function(goodsId){
            api.openWin({
                name: 'classDetailHeader',
                url: './class_detail_header.html',
                pageParam: {
                    goodsId:goodsId
                }
            });
          },
          selZonghe:function(type){
            var $_this=this;
            // console.log($('.shopClassify_nav_bg li').eq(type));
            // $(this).addClass("on");
            $('.shopClassify_nav_bg li').removeClass("on");
            $('.shopClassify_nav_bg li').eq(type).addClass("on");
            if(type == 0){
              $_this.getList('','','','','','','','','',0,'','','');
            }else if(type == 1){
              $_this.getList('','','','','','','','','',6,'','','');
            }

            // $_this.flag2=false;
            // $_this.flag1=false;
          }
        },
        mounted: function () {
          api.hideProgress();
          tabNav();
          setRefresh();
        },
        watch:{
          iptmsg:function(e){
            console.log(e)
            if(e==""){
              this.getList()
            }
          }
        }
      })

  }

  //刷新
  function setRefresh(){
      var pullRefresh = new auiPullToRefresh({
          container: document.querySelector('.aui-refresh-content'),
          triggerDistance: 100
      }, function(ret) {

          if (ret.status == "success") {
              setTimeout(function() {
                  pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
              }, 1500)
          }
      })
  }

  function tabNav() {
      var prevIndex = 1
      var tab1 = new auiTab({
          element: document.getElementById("tab1"),
          repeatClick: true
      }, function(ret) {
          if (ret.index == 1) {
              $('.shopClassify_nav .aui-tab-item').eq(2).removeClass('up, down');
              if ($('.shopClassify_nav .aui-tab-item').eq(0).find('i').hasClass('aui-icon-down')) {
                  $('.shopClassify_nav .aui-tab-item').eq(0).find('i').removeClass('aui-icon-down');
                  $('.shopClassify_nav .aui-tab-item').eq(0).find('i').addClass('aui-icon-top');
                  app.flag1=true;
                  app.flag2=true;
              } else {
                  $('.shopClassify_nav .aui-tab-item').eq(0).find('i').removeClass('aui-icon-top');
                  $('.shopClassify_nav .aui-tab-item').eq(0).find('i').addClass('aui-icon-down');
                  app.flag1=false;
                  app.flag2=false;
              }
          } else if (ret.index == 2) {
              $('.shopClassify_nav .aui-tab-item').eq(2).removeClass('up, down');
              app.getList('','','','','','','','','',3,'','','');
          } else if (ret.index == 3) {
              if (prevIndex == ret.index) {
                  $('.shopClassify_nav .aui-tab-item').eq(2).toggleClass('up')
                  $('.shopClassify_nav .aui-tab-item').eq(2).toggleClass('down')
                  if($('.shopClassify_nav .aui-tab-item').eq(2).hasClass('up')){
                    app.getList('','','','','','','','','',2,'','','');
                  }else if($('.shopClassify_nav .aui-tab-item').eq(2).hasClass('down')){
                    app.getList('','','','','','','','','',1,'','','');
                  }
              } else {
                  $('.shopClassify_nav .aui-tab-item').eq(2).addClass('up')
                  app.getList('','','','','','','','','',2,'','','');
              }
          } else if (ret.index == 4) {
            $('.shopClassify_nav .aui-tab-item').eq(2).removeClass('up, down')
            if(app.flag3==true){
              app.flag3=false;
            }else{
              app.flag3=true;
            }
          }else if (ret.index == 5) {
              $('.shopClassify_nav .aui-tab-item').eq(2).removeClass('up, down')
              openFilter();
          }
          prevIndex = ret.index
      });
  }

  function close_win(){
    api.closeWin({});
  }

  function openFilter() {
      api.openFrame({
          name: 'classClassifyFilter',
          url: './class_classify_filter.html',
          pageParam:{

          }
      })
   }





</script>
